<template>
    <div id="studentdetail">
        <div>学生信息</div>
        <p>姓&nbsp;&nbsp;名：&nbsp;&nbsp;{{ studentdetail.name }}</p>
        <p>性&nbsp;&nbsp;别：&nbsp;&nbsp;{{ studentdetail.gender==1?"男":'女' }}</p>
        <p>学&nbsp;&nbsp;号：&nbsp;&nbsp;{{ studentdetail.number }}</p>
        <p>学&nbsp;&nbsp;院: &nbsp;&nbsp;{{ studentdetail.majorGetDTO.academyEntity.name }}</p>
        <p class="billstatus">缴费凭证上传：&nbsp;&nbsp;已上传</p>
        <p class="arrivestatus">报道状态：&nbsp;&nbsp; 已报道</p>
        <p>流程更新时间：&nbsp;&nbsp;{{ studentdetail.userGetCheckTDO.time}}</p>
        <p class="dormitory">宿 舍 号: &nbsp;&nbsp;{{ studentdetail.dormitoryGetTDO.number == "" ? "未选择宿舍" : studentdetail.dormitoryGetTDO.buildingEntity.bid + "#" + studentdetail.dormitoryGetTDO.number }}</p>
        <img src="../assets/g.png" class="touxiang">
    </div>
</template>
<script>
export default {
    data(){
        return{
            
        }
    },
    props:{
        studentdetail: {}
    },
    methods:{
       
    },
    mounted(){
        // this.studentdetail.bill == 1 ? this.$el.querySelector('.billstatus').innerHTML += "已上传缴费凭证" : "未上传缴费凭证";
        // this.studentdetail.arrive == 1 ? this.$el.querySelector('.arrivestatus').innerHTML += "已完成报道" : "未完成报道";
        // this.studentdetail.dormitory == '' ? this.$el.querySelector('.dormitory').innerHTML += "未选择宿舍" : this.dormitory;
    }
}
</script>
<style scoped>
#studentdetail{
    position: relative;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: initial;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
}
#studentdetail p{
    margin-bottom: 8px;
    margin-top: 8px;
}
#studentdetail .touxiang{
    position: absolute;
    right: 50px;
    top: 50px;
    width: 145px;
    height: 200px;
}
#studentdetail>div:first-of-type{
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    border-bottom: 0.7px solid rgba(0, 0, 0, .2);
}
</style>